<script setup>
import { ref } from 'vue';
import request from '../axios/axios.js'
//定义变量
let inputUserName=ref("");
//用户密码
let inputUserPassword=ref("")
//用户性别
let inputUserSex=ref("")
//用户学号
let inputUserXh=ref("")
//用户身份
let inputUserStatus=ref("")
//用户电话
let inputUserPhone=ref("")

//用户身份 1 管理员  0 普通用户

//axios

async function addUser(){
    let {data} = await request.get("/adminAddUser",{
        params:{
            username:inputUserName.value,
            userPassword:inputUserPassword.value,
            userSex:inputUserSex.value,
            userXh:inputUserXh.value,
            userPhone:inputUserPhone.value,
            userStatus:inputUserStatus.value

        }
    })

    console.log(data)
    if(data.statusCode==200){
        
        alert(data.message);
    }else{
        alert(data.message);
    }
}
</script>

<template>
    管理员用户管理界面<br>
    增加界面

    <div class="Dormitory">
        
        
            <!-- 寝室信息展示 -->
            <table style="width: 100%; height: 100%;">     
                <tr class="trb">
                    <td class="name">用户名字</td ><td class="content"  > <input type="text"  v-model="inputUserName" /></td>
                </tr>

                <tr class="trb">
                    <td class="name">用户密码</td ><td class="content" ><input type="text"  v-model="inputUserPassword" /></td>
                </tr>    
                <tr class="trb">
                    <td class="name">用户性别</td ><td class="content" ><input type="text"  v-model="inputUserSex" /></td>
                </tr>         
                <tr class="trb">
                    <td class="name">用户学号</td ><td class="content" ><input type="text"  v-model="inputUserXh" /></td>
                </tr>  
                <tr class="trb">
                    <td class="name">用户电话</td ><td class="content" ><input type="text"  v-model="inputUserPhone" /></td>
                </tr>  
                <tr class="trb">
                    <td class="name">用户身份</td ><td class="content" ><input type="text"  v-model="inputUserStatus" /></td>
                </tr>  
            </table>

            <div class="DormitoryName">
           
                    增加用户:<button @click="addUser()">添加</button>
            </div>
        </div>
        
    
</template>

<style scoped>

.name{   
      width: 10%;
   }
   .trb{
      background-color: beige;
      height: 10%;
   }
   .tb_content{
      width: 100%;
      height: 100%;
      background-color: rgb(238, 245, 205);
      /* background-image: url(../public/img/bg02.jpg);
      background-size: 100%; */
   }
   .trb:hover{
      background-color: chartreuse;
   }
   .trb:active{
      background-color:rgb(230, 26, 26);
   }
   /*
        用户查询
   */
   .Despoit{
    width: 100%;
    height: 80%;
    background-color: chocolate;
   }


   /* 
    寝室信息展示
   */
   .Dormitory{
    width: 100%;
    height: 20%;

   }
   .showQuery{
    width: 100%;
    height: 100%;

   }
   .DormitoryName{
    width: 100%;
    height: 20%;

   }
</style>
